*{margin:0;padding: 0; font-family:verdana, sans-serif;}
#container{margin: 0 auto; width:1250px; background-color: white; padding: 10px; box-shadow: 0 2px 15px rgba(0,0,0,.3)}
#container-wrap{min-height: 1085px; min-width: 1360px; background-color: #dadada; padding: 10px 0;}
a[rel="prettyPhoto"]{text-decoration: none; color:inherit;}
.h{display: none;}

#content-wrap {min-width: 500px;}
#content-wrap #left-sidebar{float:left; width:300px; min-height:550px;}
#content-wrap #left-sidebar *, #content-wrap #right-sidebar *, #content h2{font-family:"Didact Gothic", sans-serif;}
#content-wrap #left-sidebar h2{font-size: 35px; margin-bottom: 30px;}
#content-wrap #right-sidebar h2{font-size: 35px; margin-bottom: 10px;}
#content-wrap #left-sidebar ul{list-style-image: url('../i/pointer.png'); margin-left:35px;}
#content-wrap #left-sidebar ul li{height: 145px; margin-bottom: 20px;}
#content-wrap #left-sidebar ul div{display: inline; position: relative; top: -20px;}

#content-wrap #left-sidebar span{font-size: 22px;font-weight: bold;}
#content-wrap #left-sidebar #icon-map{background-image: url('../i/map2.png');width: 263px; height: 180px;display: block;}
#content-wrap #left-sidebar #icon-map-service{background-image: url('../i/map.png');width: 263px; height: 280px;display: block;}
#content-wrap #left-sidebar span.title-company{font-weight: bold; text-decoration: underline;}
#content-wrap #left-sidebar #left-catalog-menu .catalog-icon-menu{float: left;width: 60px;height: 60px;
    -webkit-border-radius: 30px;
    -webkit-border-bottom: 30px;
    -moz-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border-radius: 30px;
    margin-right: 8px;
    display: block;

}
#content-wrap #left-sidebar #left-catalog-menu .catalog-icon-menu.sanitary{background: url('../i/sanitary-min.png') 15px 5px #FFF500 no-repeat;}
#content-wrap #left-sidebar #left-catalog-menu .catalog-icon-menu.rent{background: url('../i/rent-min.png') 12px 14px #FFF500 no-repeat;}
#content-wrap #left-sidebar #left-catalog-menu .catalog-icon-menu.repair{background: url('../i/repair-min.png') 12px 14px #FFF500 no-repeat;}
#content-wrap #left-sidebar #left-catalog-menu .catalog-icon-menu.builder{background: url('../i/builder-min.png') 5px 20px #FFF500 no-repeat;}
#content-wrap #left-sidebar #left-catalog-menu .catalog-icon-menu.electric{background: url('../i/electric-min.png') 2px 20px #FFF500 no-repeat;}


#content-wrap #content{width: 570px; min-height: 550px; margin: 0 40px; float: left;}
#content-wrap #content #content-about *, #content-wrap #content #content-contacts *{font-family: "Didact Gothic", sans-serif; margin-top: 10px;}
#content-wrap #content #content-contacts ul {margin-left: 50px;}

#content-wrap #right-sidebar{width: 300px;min-height: 550px; float: left;}

#header {margin: 10px 0 35px 0; height: 260px; font-family:"Didact Gothic", sans-serif;}
#header *{font-family:"Didact Gothic", sans-serif;}
#header #header-company-info{margin-bottom: 10px; height: 180px;}
#header #slider-wrap{float:left; width: 570px; display: inline-block; margin: 0 40px; height: 180px;}
#header #slider-wrap img {margin: 0 auto;}
#header #logo{float:left; text-decoration: none; display: inline-block; width: 300px; margin: 5px 0;}
#header #schedule{display: inline-block;width: 265px; float:left;text-align: center; height: 180px;}
#header #schedule span {font-size: 30px;color: #e93326;}
#header #main-menu {font-size: 30px;font-family:"Didact Gothic", sans-serif;}
#header #main-menu li{display: inline-block; width: 200px; height: 60px; float: left; position: relative; background: #fff500;}
#header #main-menu li:first-child {
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    width: 250px;
}
#header #main-menu li:last-child:after{left:233px;}
#header #main-menu li:last-child{width:240px;}
#header #main-menu li:first-child:after{left:243px;}
#header #main-menu li:nth-child(3) {width: 355px;}
#header #main-menu li:nth-child(3):after{ left:348px ;}
#header #main-menu li a{display: inline-block; text-decoration: none; line-height: 60px; text-align: center; width: 100%; color: black;}
#header #main-menu li:before, #header #main-menu li:after{content:""; width:0; height:0; border-width: 30px 0 30px 7px; position: absolute;border-style:solid;}
#header #main-menu li:before{border-color:transparent;border-left-color:white;top: 0;left: 0;}
#header #main-menu li:after{border-color:white;border-left-color:transparent;top: 0;left:193px;}
#header #main-menu li:first-child:before,div:first-child+div+div+div:after{content: none;}
#footer{ border-top: 3px solid; border-color: #fff500; height: 200px;}
.clear{clear:both;}
.info-text{color: #e93326;}
.text-success{color: rgba(0, 177, 0, 0.86)}
.btn.btn-blue {
    color: #fff;
    border-color: #0076a9;
    background: #0091d0;
    background: -moz-linear-gradient(top, #0091d0 0%, #0085bf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0091d0), color-stop(100%,#0085bf));
    background: -webkit-linear-gradient(top, #0091d0 0%,#0085bf 100%);
    background: -o-linear-gradient(top, #0091d0 0%,#0085bf 100%);
    background: -ms-linear-gradient(top, #0091d0 0%,#0085bf 100%);
    background: linear-gradient(to bottom, #0091d0 0%,#0085bf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0091d0', endColorstr='#0085bf',GradientType=0 );
}
.btn.btn-green {
    color: #fff;
    border-color: #32a939;
    background: rgba(0, 177, 0, 0.46);
    background: -moz-linear-gradient(top, #a4d0a2 0%, #5dbf26 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a4d0a2), color-stop(100%,#5dbf26));
    background: -webkit-linear-gradient(top, #a4d0a2 0%, #5dbf26 100%);
    background: -o-linear-gradient(top, #a4d0a2 0%, #5dbf26 100%);
    background: -ms-linear-gradient(top, #a4d0a2 0%, #5dbf26 100%);
    background: linear-gradient(to bottom, #a4d0a2 0%,#5dbf26 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4d0a2', endColorstr='#5dbf26',GradientType=0 );
}
.btn.btn-red {
    color: #fff;
    border-color: #d00b0d;
    background: rgba(208, 11, 13, 0.45);
    background: -moz-linear-gradient(top, rgba(208, 49, 24, 0.70) 0%, #bf2911 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(208, 49, 24, 0.70)), color-stop(100%, #bf2911));
    background: -webkit-linear-gradient(top, rgba(208, 49, 24, 0.70) 0%, #bf2911 100%);
    background: -o-linear-gradient(top, rgba(208, 49, 24, 0.70) 0%, #bf2911 100%);
    background: -ms-linear-gradient(top, rgba(208, 49, 24, 0.70) 0%, #bf2911 100%);
    background: linear-gradient(to bottom, rgba(208, 49, 24, 0.70) 0%,#bf2911 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(208, 49, 24, 0.70)', endColorstr='#bf2911',GradientType=0 );
}
.btn{
    display: inline-block;
    text-decoration: none;
    line-height: 20px;
    padding: 2px 20px;
    border: 1px solid #c3d0d8;
    color: #536069;
    cursor: pointer;
    text-align: center;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #eef2f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eef2f6));
    background: -webkit-linear-gradient(top, #ffffff 0%,#eef2f6 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#eef2f6 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#eef2f6 100%);     background: linear-gradient(to bottom, #ffffff 0%,#eef2f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eef2f6',GradientType=0 );
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
    -ms-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
#right-sidebar{width:300px; min-height: 550px;}
/* fff500 - желтый */
/* fbf604 - желтый кнопки слайдера */
/* e93326 - красный текст */

#main-catalog-menu {height: 550px;}
#main-catalog-menu ul {list-style: none; position: relative; width: 100px; color: white;}
#main-catalog-menu ul a {
    color: black; font-family:"Didact Gothic", sans-serif; text-decoration: none;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
}
#main-catalog-menu ul a.enabled:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
#main-catalog-menu ul li a {display: block;width: 185px;height: 185px; text-align: center;line-height: 100px;-webkit-border-radius: 90px;-moz-border-radius: 90px;border-radius: 90px;}
#main-catalog-menu ul li a span{font-family:"Didact Gothic", sans-serif;}
#main-catalog-menu ul li.builder {position: absolute;top: 50px;left: 65px;}
#main-catalog-menu ul li.sanitary {position: absolute;top: 5px;left: 280px; }
#main-catalog-menu ul li.repair {position: absolute;bottom: -524px;left: 185px;}
#main-catalog-menu ul li.rent {position: absolute;top: 245px;left: 5px;}
#main-catalog-menu ul li.electric {position: absolute;top: 265px;right: -460px; ; }
#main-catalog-menu ul li.electric  a{background: url('../i/icon-electric.png') 40px 50px #F7F7F7   no-repeat;}
#main-catalog-menu ul li.builder  a{background: url('../i/icon-builder.png') 25px 45px #F7F7F7 no-repeat;}
#main-catalog-menu ul li.repair   a{background: url('../i/icon-repair.png') 60px 40px #FFF500 no-repeat;}
#main-catalog-menu ul li.rent     a{background: url('../i/icon-rent.png') 45px 100px #FFF500 no-repeat;}
#main-catalog-menu ul li.sanitary a{background: url('../i/icon-sanitary.png') 80px 35px #F7F7F7 no-repeat; display: block; width: 250px;height: 250px;text-align: center;line-height: 100px;-webkit-border-radius: 140px;-moz-border-radius: 140px;border-radius: 140px;}
#main-catalog-menu ul li.sanitary a span{position: relative;top: 145px;left: 45px;font-size: 45px;}
#main-catalog-menu ul li.builder a span{position: relative;top: 80px;left: -40px;font-size: 32px;}
#main-catalog-menu ul li.repair a span:first-child{position: relative;top: 60px;left: 10px;font-size: 30px;}
#main-catalog-menu ul li.repair a span:last-child {position: relative; top: -15px; left: -25px; font-size: 30px;}
#main-catalog-menu ul li.rent a span:first-child {position: relative;top: -10px;font-size: 30px;}
#main-catalog-menu ul li.rent a span:last-child {position: relative;top: -85px;left: 35px;font-size: 30px;}
#main-catalog-menu ul li.electric a span{position: relative;top: 75px;left: 0px;font-size: 30px;}

#catalog-wrap #catalog-header {padding-bottom: 20px; border-bottom: 2px solid #e93326;}
#catalog-wrap #catalog-header #catalog-header-title h2 {padding-left: 5px; font-family:"Didact Gothic", sans-serif; font-size: 40px;}
#catalog-wrap #catalog-header #catalog-header-info{/*text-align: right; font-weight: bold;*/ font-size: 13px; margin-bottom: 20px;}
#catalog-wrap #catalog-header #catalog-header-logo{float: left;width: 220px;height: 220px;
    -webkit-border-radius: 120px;
    -webkit-border-bottom: 120px;
    -moz-border-radius: 120px;
    -moz-border-radius: 120px;
    border-radius: 120px;
    border-radius: 120px;
}


/*#catalog-wrap #catalog-header #catalog-module-info {margin-left: 230px;}*/
#catalog-wrap #catalog-header .header-breadcrumbs {margin-bottom: 20px;}
#catalog-wrap #catalog-header #catalog-header-description {font-size: 13px;}
#catalog-wrap #catalog-header #catalog-header-logo.sanitary{background: url('../i/sanitary-big.png') 58px 35px #FFF500 no-repeat;}
#catalog-wrap #catalog-header #catalog-header-logo.rent    {background: url('../i/rent-big.png') 45px 50px #FFF500 no-repeat;}
#catalog-wrap #catalog-header #catalog-header-logo.repair  {background: url('../i/repair-big.png') 45px 60px #FFF500 no-repeat;}
#catalog-wrap #catalog-header #catalog-header-logo.electric{background: url('../i/electric-big.png') 30px 90px #FFF500 no-repeat;}
#catalog-wrap #catalog-header #catalog-header-logo.builder {background: url('../i/builder-big.png') 35px 85px #FFF500 no-repeat;}
#catalog-wrap #goods-list-wrap .element{display: inline-block;}
#catalog-wrap #goods-list-wrap table{border-collapse: separate;}
#catalog-wrap #goods-list-wrap table thead *{font-family:"Didact Gothic", sans-serif;}
#catalog-wrap #goods-list-wrap table thead th{background-color: #FFF500;border: 5px;}
#catalog-wrap #goods-list-wrap table thead th.art{width: 90px;}
#catalog-wrap #goods-list-wrap table thead th.photo{width: 70px; }
#catalog-wrap #goods-list-wrap table thead th.description{width: 255px;}
#catalog-wrap #goods-list-wrap table thead th.price{width: 75px;}
#catalog-wrap #goods-list-wrap table thead th.bail{width: 80px;}

#catalog-wrap #goods-list-wrap #rent-list{font-size: 12px;}
#catalog-wrap #goods-list-wrap #rent-list tr:nth-child(2n) {background-color: rgba(255, 245, 0, 0.12); }
#catalog-wrap #goods-list-wrap #rent-list td.photo, #catalog-wrap #goods-list-wrap #rent-list td.bail, #catalog-wrap #goods-list-wrap #rent-list td.price{text-align: center;}
#catalog-wrap #goods-list-wrap #rent-list td.photo img {width: 60px; height: 60px;}

/* страница каталога с выводом списком */
#catalog-list .element {display: block; margin:5px; min-height: 150px; text-decoration: none; color: inherit;}
#catalog-list .element:hover{background-color: rgba(255, 245, 0, 0.12);box-shadow: 0 1px 1px rgba(0,0,0,.3);}
#catalog-list .element:hover {text-decoration: none;}
#catalog-list .element h3 {margin-left: 135px;font-family:"Didact Gothic", sans-serif; }
#catalog-list .element .title-list {text-align: center; margin-bottom: 5px; font-size: 15px; clear: both; width: 155px;}
#catalog-list .element h3 span{font-family:"Didact Gothic", sans-serif; text-decoration: none; color: inherit; }
#catalog-list .element h3 span:hover{text-decoration: underline;}
#catalog-list .element .description{font-family:"Didact Gothic", sans-serif; text-decoration: none; }
#catalog-list .element img{float: left; height: 135px; width: 135px; padding: 10px;
    -webkit-border-radius: 20px;
    -webkit-border-bottom: 20px;
    -moz-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border-radius: 20px;
}
#good-wrap {height: 345px;}
#good-wrap .element {padding: 5px;}
#good-wrap .element img{float: left; height: 135px; width: 135px; padding: 10px;
    -webkit-border-radius: 20px;
    -webkit-border-bottom: 20px;
    -moz-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border-radius: 20px;
}
#good-wrap .element h3 , #good-wrap .element div, b{font-family: "Didact Gothic" sans-serif;}
#good-wrap .element h3 {padding-top: 10px;}
#good-wrap .element .description {padding:0 10px;}


#catalog-goods-wrap #catalog-list .element {cursor: pointer;}
#catalog-goods-wrap #catalog-list .element:hover{background-color: rgba(255, 245, 0, 0.12);}


/* admin */
.form-data{margin: 10px;}
.form-data textarea{display: block; margin: 10px;}
.form-data input{min-width: 400px;}
tr.form-data input{min-width: 200px;}

/* stock */
.stock {width:570px; margin-bottom: 20px;}
.stock h3 {padding-bottom: 5px;border-bottom: 2px solid #e93326;font-family: "Didact Gothic", sans-serif;}
.stock h3 a {text-decoration: none;font-family: inherit;}
.stock h3 a:hover {text-decoration: underline;}
.stock .icon {margin: 10px 75px 5px; width:420px; height:180px;}
.stock .description {margin: 10px; color: #222d35; font-size: 14px;}
.stock .status {margin: 10px; }

/* rent */
.rentcat .icon, .rent .icon{width:157px; height:157px;}
.button-stock-rent{cursor: pointer; margin: 5px 0;}
.pp_overlay{opacity: 0.8!important;}

/* useful */
.useful {width:570px; margin-bottom: 20px;}
.useful h3 {padding-bottom: 7px;border-bottom: 2px solid #e93326;font-family: "Didact Gothic", sans-serif;}
.useful h3 a, .useful h3 span {text-decoration: none; font-family: inherit;}

.useful .useful-short-toggle {
    width: 144px;
    border-top: 1px solid black;
}
.useful .description.short {
    max-height: 120px;
    overflow: hidden;

}
.useful .description {
    margin: 10px;
    color: #222d35;
    font-size: 14px;
}

.useful .useful-short-toggle a:hover{
    text-decoration: underline;
}
.useful .useful-short-toggle a{
    padding: 10px;
    color: #222d35;
    text-decoration: none;
    cursor: pointer;
    outline: 0;
}

.useful .status {margin: 10px;}

#right-sidebar .useful{
    color: #383a3f;
    display:block;
    margin-top:1px;
    margin-bottom:0px;
    width: 295px;
    /*height: 35px;*/
    line-height: 33px;
    text-decoration: none;
    padding-left: 5px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #bababa;
}

#right-sidebar .useful:hover{background-color: rgba(255, 245, 0, 0.12); color:#536069;}
.photo{text-decoration: none;}
